<%@ page import="core.Core,servlet.ChatController" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Webchat 3.0 por Carlos Cenjor</title>
	<link rel="stylesheet" href="<%=ChatController.RES%>style.css">
	<script type="text/javascript" src="<%=ChatController.RES%>jquery-1.9.1.min.js"></script>
	<script type="text/javascript">
		var ie = (function(){
		    var undef,rv = -1; // Return value assumes failure.
		    if (navigator.appName == 'Microsoft Internet Explorer')
		    {
		        var ua = navigator.userAgent;
		        var re  = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
		        if (re.exec(ua) != null)
		            rv = parseFloat( RegExp.$1 );
		    }
	
		    return ((rv > -1) ? rv : undef);
		}());
		//Detectamos ie y mostramos el error
		if(ie){
			alert('Esto no funcionará con Internet Explorer, utiliza otro navegador');
			window.location.href="http://internetparaprincipiantes.com/5-razones-para-dejar-de-usar-internet-explore";
		}
		else{
			function refreshDivs(){
				$(".chat_messages_container").load("?action=refresh_msgs");
				$(".chat_users_container").load("?action=refresh_users");
				$(".updated_container").load("?action=update_hour");
			}
			$(document).ready(function() { 
				window.setInterval(refreshDivs, 3000);
			});
		}
		$("#msg").focus(function(){
			this.selectionStart = this.selectionEnd = this.value.length;
		});
	</script>	
	<!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body onLoad="document.getElementById('msg').focus();">
	<h1>Webchat 3.0</h1>
	<div class="window_container">
		<div class="window_container_left">
			<div class="window">
				<div class="window-titlebar">
					Webchat 3.0
				</div>
		
				<div class="window-body">
					<p>
						Bienvenido a mi chat web. Por favor no actualices la página web, se actualiza sóla.<br/>
						Escribe "/nick TUNICK" para cambiar tu nick.<br/>
						Escribe "/60porciento" para ver si estás en el 60%<br/>
						Escribe "/adivinaNum MAXIMO_NUMERO" para iniciar un juego de adivinar uno del 1 a MAXIMO_NUMERO<br/>
						Escribe "/ahorcado FRASE" para iniciar un juego del ahorcado<br/>
						
					</p>
					<div class="chat_messages_container">
						<%@include file="messages.jsp" %>
					</div>
					<div class="input_messages">
						<form method="GET" onsubmit="">
							<span id="nick">@<%=Core.getInstance().getUsers().get(request.getRemoteAddr()).getName()%>: </span>
							<input type="hidden" id="action_field" name="action" value="send"/>
							<input type="text" size="75" onfocus="this.select()" onclick="if(this.value=='Escribe aquí..') this.select()" onkeyup="if(this.value=='') this.value='Escribe aquí..'" onkeydown="if(this.value=='Escribe aquí..') this.value=''" name="msg" id="msg" value="Escribe aquí.."/>
						</form>
					</div>
				</div>
			</div>
		</div>
		<div class="window_container_right">
			<div class="window">	
				<div class="window-titlebar">
					Usuarios online
				</div>
				<div class="window-body">
					<div class="chat_users_container">
						<%@include file="users.jsp" %>
					</div>
				</div>
			</div>
		</div>
	</div>
	<br class="clear"/>		
	<div class="about">
	    <p class="about-author">
	    	<span class="updated_container"><%@include file="update_hour.jsp" %></span><br/>
			WebChat 3.0 por Carlos Cenjor
	    </p>
	</div>
</body>
</html>
